<!DOCTYPE html>
<html lang="en">
<head>
    {include file="common/head"}
</head>
<body class="body-wrapper">

{include file="common/menu"}

<section class="page-title bg-title overlay-dark">
    <div class="container">
        <div class="row">
            <div class="col-12 text-center">
                <div class="title">
                    <h3>{$Cate.title}</h3>
                </div>
                <ol class="breadcrumb justify-content-center p-0 m-0 text-center text-white">
                    {hkcms:breadcrumb class="active_a" symbol="&nbsp;>&nbsp;" /}
                </ol>
            </div>
        </div>
    </div>
</section>

<section class="news section">
    <div class="container">
        <div class="controls">
            <div class="btn-group d-block">
                {hkcms:channel name="$Cate['id']" type="son" ismenu="1" currentstyle="active" istotal="1"}
                <label class="btn active">
                    <a href="{$item.url}">{$item.title}</a>
                </label>
                {/hkcms:channel}
            </div>
        </div>
        <div class="row justify-content-center mt-30">
            {hkcms:content num="$Cate.num" page="1"}
            <div class="col-lg-4 col-md-6 col-sm-8">
                <div class="blog-post">
                    <div class="post-thumb">
                        <a href="{$item.url}">
                            <img src="{$item.thumb}" alt="post-image" class="img-fluid">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="date">
                            <h4>{hkcms:date name="$item.publish_time" format="Y"}<span>{hkcms:date name="$item.publish_time" format="m-d"}</span></h4>
                        </div>
                        <div class="post-title">
                            <h2><a href="{$item.url}">{$item.title}</a></h2>
                        </div>
                        <div class="post-meta">
                            <ul class="list-inline">
                                <li class="list-inline-item">
                                    <i class="fa fa-list"></i>
                                    <a href="{$item.category.url}">{$item.category.title}</a>
                                </li>
                                <li class="list-inline-item">
                                    <i class="fa fa-user-o"></i>
                                    <a href="{$item.url}">{$item.author}</a>
                                </li>
                                <li class="list-inline-item">
                                    <i class="fa fa-eye"></i>
                                    <a href="{$item.url}">{$item.views}</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            {/hkcms:content}
            <div class="col-12 text-center">
                <nav class="d-flex justify-content-center">
                    {hkcms:contentpage item="home,pre,pageno,next,last,info" mobile_item="pre,pageno,next" home="&laquo;" pre="&lsaquo;" next="&rsaquo;" last="&raquo;" /}
                </nav>
            </div>
        </div>
    </div>
</section>
{include file="common/map"}
{include file="common/footer"}
</body>
</html>